<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
            REPORTES
        </ui:define>
	<ui:define name="content">

		<f:view>

			<p:panel id="panel" header="REPORTES" style="margin-bottom:10px;">

				<h:panelGrid columns="3" cellpadding="1">

					<h:form target="_blank">
						<h:panelGrid columns="1" style="text-align: center;">
							<h:panelGrid columns="2" style="text-align: center;">
								<h:outputText value="CIUDAD:" />
								<p:selectOneMenu id="comboCiudad" filter="true"
									value="#{directorioReport.ciudadId}" required="true"
									requiredMessage="ESCOJA UNA CIUDAD">
									<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
									<f:selectItems value="#{directorioReport.listaCiudades}"
										var="ciudad" itemValue="#{ciudad.ciudadid}"
										itemLabel="#{ciudad.nombre}" />
								</p:selectOneMenu>
							</h:panelGrid>

							<p:graphicImage value="../../../resources/images/r7.png"
								style="text-align: center;" />

							<p:commandButton
								actionListener="#{directorioReport.reporteCliente}"
								value="CLIENTES" ajax="false" style="text-align: center;" />
						</h:panelGrid>
					</h:form>
				</h:panelGrid>
			</p:panel>

		</f:view>

	</ui:define>

</ui:composition>
</html>